<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Clinica M&eacute;dica</title>
<link rel="stylesheet" href="jquery-ui/themes/base/jquery.ui.all.css">
<link rel="stylesheet"
	href="jquery-ui/themes/smoothness/jquery-ui-1.10.3.custom.css">
<style>
    body { font-size: 62.5%; }
    label, input { display:block; }
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    .listar { width: 500px; margin: 20px 0; }
    .listar table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    .listar table td, .listar table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }
</style>	
<script src="jquery-ui/jquery-1.9.1.js"></script>
<script src="jquery-ui/ui/jquery-ui.js"></script>
<script src="jquery-ui/ui/jquery.ui.core.js"></script>
<script src="jquery-ui/ui/jquery.ui.widget.js"></script>
<script src="jquery-ui/ui/jquery.ui.mouse.js"></script>
<script src="jquery-ui/ui/jquery.ui.position.js"></script>
<script src="jquery-ui/ui/jquery.ui.draggable.js"></script>
<script src="jquery-ui/ui/jquery.ui.sortable.js"></script>
<script src="jquery-ui/ui/jquery.ui.dialog.js"></script>
<script src="jquery-ui/ui/jquery.ui.button.js"></script>

<script src="jquery-ui/jquery.livequery.min.js"></script>
<script>
  $(function() {
    $( "#tabs" ).tabs({
      beforeLoad: function( event, ui ) {
        ui.jqXHR.error(function() {
          ui.panel.html( "Não foi possível carregar o conteúdo." );
        });
      }
    });
  });	
</script>
</head>
<body>
	<div id="tabs">
		<ul>
			<li><a href="agenda.jsp">Agenda</a></li>
			<li><a href="paciente.jsp">Paciente</a></li>
			<li><a href="medico.jsp">M&eacute;dico</a></li>
		</ul>
	</div>
</body>
</html>
